<template>
  <div class="short-videos-list">
    <small-video :smallvideo="ShortVideo"></small-video>
    <van-loading size="30px" v-show="this.ShortVideo.length==0" color="#f03d37">加载中...</van-loading>
  </div>
</template>

<script>
import SmallVideo from '@/components/SmallVideo.vue';
export default {
  data() {
    return {
      ShortVideo:[],
    };
  },
  created(){
    this.getShortVideo()
  },
  methods:{
    async getShortVideo(){
      let res = await this.axios.get('video/short/00')
      // console.log(res)
      this.ShortVideo = res.feeds
    }
  },
  components: {
    SmallVideo
  },
};
</script>

<style lang="less" scoped>

/deep/ .van-loading{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}


.short-videos-list {
  // position: relative;
  margin-bottom: 48px;
  font-size: 0;
}
</style>